<template>
  <div class="menucontent">  
    <p class="p1"><span :class="icon"></span></p>
    <p>{{content}}</p>
  </div>
</template>

<script>
export default {
    props:['content','icon']
}
</script>

<style scoped>
.menucontent{
    width:0.5rem;
    height:0.5rem;
    margin:0.1rem 0.08rem;
    box-sizing: border-box;
    padding-top:0.06rem
}
p{
    font-size:0.1rem;
    text-align: center;
}
span{
  font-size:0.22rem
}
.p1{
  margin-bottom:0.04rem
}
</style>